@charset "utf-8";
/* 
 * 
 * 
 * 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none;}
a:active, a:hover { text-decoration: none;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner{ width:1200px; margin:0px auto;}

/*header-box*/
.header-box{ position:fixed; width:100%; left:0; top:0; z-index:99; box-shadow:0 0 6px rgba(0,0,0,0.34);}
.header{ padding:10px 5%; position:relative; z-index:10; background:#fff;}
.logo{ line-height:1; overflow:hidden; width:311px; float:left;}
.logo img{ display:block; width:100%; height:auto; line-height:0;}
.nav{ position:absolute; left:50%; margin-left:-450px; top:30px;}
.nav li{ float:left; width:160px; text-align:center; position:relative;}
.nav li:last-child{ margin-right:0;}
.nav li a{ display:inline-block; min-width:76px; margin:auto; line-height:1; height:38px; position:relative; font-size:16px; transition:0.35s; overflow:hidden;} 
.nav li a:link{color:#878787;}
.nav li a:visited {color:#878787;}
.nav li a:active {color:#878787;}
.nav li a:before{ content:""; width:100%; height:5px; background:#1080bb; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nav li a span{ display:block; line-height:1; font-size:16px; color:#444343; text-align:center; transition:0.35s;}
.nav li a small{ display:block; white-space:nowrap; overflow:hidden; text-align:center; color:#1080bb; font-size:16px; display:block;-webkit-transition:.45s; transition:0.45s; width:200%; position:relative; left:50%; margin-left:-100%; opacity:0; visibility:hidden; height:20px;}
.nav li:hover a:before,.nav li.active a:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.nav li:hover a span,.nav li.active a span{ opacity:0; margin-top:-16px; visibility:hidden;}
.nav li:hover a small,.nav li.active a small{ opacity:1; visibility:visible;}
.edition{ float:right; margin-top:18px;}
.edite{ float:left; position:relative; line-height:1; margin-left:6px; border:1px solid #c0a062; border-radius:50%;}
.edite:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; background:#c0a062; transition:0.3s;}
.edite a{ display:block; position:relative; width:25px; height:25px; line-height:25px; color:#ffffff; text-align:center;}
.edite:nth-child(2) a{ font-family:"Arial";}
.edite:hover:before,.edite.on:before{ transform:scale(0); -webkit-transform:scale(0); visibility:hidden;}
.edite:hover a,.edite.on a{ color:#c0a062;}
.menubtn{ width:79px; height:62px; background:#1080bb; float:right; position:relative; display:none;}
.menubtn span{ display:block; width:32px; height:3px; background:#fff; margin:auto; margin-top:30px; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}

.menubtn span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.navigate{ width:320px; height:100%; position:fixed; right:-320px; transition:0.54s; top:0; background:#f8f8f8;}
.navigate.on{ right:0;}
.navigate.on .navigatebg{ opacity:1; visibility:visible; transition:0.55s 0.15s;}
.navigatebg{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2); opacity:0; visibility:hidden; transition:0.45s;}
.navigateli{ height:100%; background:#f8f8f8; position:relative; padding-top:68px; box-sizing:border-box; z-index:5; overflow-y:scroll;}
.navigateli >li{ position:relative; border-bottom:1px solid #cecece;}
.navigateli >li >a{ display:block; padding-left:26px; position:relative; height:54px; line-height:54px; color:#696969; font-size:16px;}
.navigateli >li.on >a{ background:#1080bb; color:#fff;}
.navigateli >li.on >a:before{ background:url(../images/arrow3.png) center no-repeat; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
.navigateli >li >a:before{ content:""; width:7px; height:13px; background:url(../images/arrow2.png) center no-repeat; transition:0.3s; position:absolute; right:11px; top:50%; margin-top:-6px;}
.meundonw{ padding:16px 0 6px 26px; background:#f8f8f8; display:none;}
.meundonw li{ margin-bottom:10px; float:left; width:145px;}
.meundonw li:last-child{ margin-bottom:0;}
.meundonw li a{ display:inline-block; color:#777777; font-size:14px; line-height:1.4;}
.meundonw li a:hover{ color:#1080bb;} 
.mtop{ height:84px;}

.wrapper { position:fixed; top: 0; left: 0; width:100%; height:100%; }
.wrapper .page { position: relative; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;/* opacity: 0.3;*/ transition: opacity 0.8s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: opacity 0.8s 0ms cubic-bezier(0.445, 0.145, 0.355, 1);}
.modernle:before,.ivnestinfo:before,.businees:before,.busineetit:before,.informatefix:before,.sense:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:3; display:none\9;}
.businees:before{ height:134px;}
.wrapper.active-page2 .page.page2 .modernbg img{ animation:scroll_on2 1.5s 0.2s ease-in-out forwards; -ms-animation:scroll_on2 1.5s 0.2s ease-in-out forwards;}
.wrapper.active-page2 .page.page2 .modernle,.wrapper.active-page4 .page.page4 .modernle{ animation:scroll_on2 1s 0.2s ease-in-out forwards; -ms-animation:scroll_on2 1s 0.2s ease-in-out forwards;}
.wrapper.active-page2 .page.page2 .modernle:before,.wrapper.active-page4 .page.page4 .modernle:before{ animation:scroll_on22 1s 0.2s ease-in-out forwards;}
.wrapper.active-page2 .page.page2 .ivnestinfo{ animation:scroll_on2 1s 0.4s ease-in-out forwards;}
.wrapper.active-page2 .page.page2 .ivnestinfo:nth-child(2){ animation:scroll_on2 1s 0.6s ease-in-out forwards;}
.wrapper.active-page2 .page.page2 .ivnestinfo:before{ animation:scroll_on22 1s 0.4s ease-in-out forwards;}
.wrapper.active-page2 .page.page2 .ivnestinfo:nth-child(2):before{ animation:scroll_on22 1s 0.6s ease-in-out forwards;}
.wrapper.active-page2 .page.page2 .industrialin{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.6s 0.8s;}
.wrapper.active-page2 .page.page2 .industrialin:nth-child(2){ transition:0.6s 0.95s;}
.wrapper.active-page2 .page.page2 .industrialin:nth-child(3){ transition:0.6s 1.1s;}
.wrapper.active-page2 .page.page2 .industrialin:nth-child(4){ transition:0.6s 1.25s;}
.wrapper.active-page3 .page.page3 .businees{ animation:scroll_on2 1s 0.2s ease-in-out forwards;} 
.wrapper.active-page3 .page.page3 .businees:before{ animation:scroll_on22 1s 0.2s ease-in-out forwards; z-index:5;}
.wrapper.active-page3 .page.page3 .busineetit{ animation:scroll_on2 0.8s 0.2s ease-in-out forwards;}
.wrapper.active-page3 .page.page3 .busineetit:before{ animation:scroll_on22 0.8s 0.2s ease-in-out forwards; z-index:5;}
.wrapper.active-page4 .page.page4 .informatefix{ animation:scroll_on2 1.2s 0.2s ease-in-out forwards;}
.wrapper.active-page4 .page.page4 .modernbg img{ animation:scroll_on2 1.5s 0.2s ease-in-out forwards; -ms-animation:scroll_on2 1.5s 0.2s ease-in-out forwards;}
.wrapper.active-page4 .page.page4 .informatefix:before{ animation:scroll_on22 1.2s 0.2s ease-in-out forwards; z-index:5;}
.wrapper.active-page5 .page.page5 .sense{ animation:scroll_on2 1.2s 0.2s ease-in-out forwards;}
.wrapper.active-page5 .page.page5 .sense:before{ animation:scroll_on22 1.2s 0.2s ease-in-out forwards; z-index:5;}

.nav-panel{ position:absolute; right:20px; top:50%; margin-top:-100px; z-index:10;}
.navrt li{ position:relative; height:37px; margin-bottom:17px; cursor:pointer; transition:0.35s}
.navrt li i{ display:block; width:35px; height:35px; position:absolute; right:0; top:0; transition:0.35s; z-index:4;}
.navrt li:last-child{ margin-bottom:0;}
.navwr{ width:35px; overflow:hidden;  background:#c0a062; position:absolute; right:0; top:0; transition:0.35s; height:35px; border-radius:20px; border:1px solid #c0a062; }
.navwr span{ display:block; height:35px; line-height:35px; color:#c0a062; font-size:14px; text-transform:uppercase; position:absolute; left:14px; top:0; white-space:nowrap;}
.navrt li:nth-child(1) i{ background:url(../images/home.png) center no-repeat;}
.navrt li:nth-child(2) i{ background:url(../images/about.png) center no-repeat;}
.navrt li:nth-child(3) i{ background:url(../images/businee.png) center no-repeat;}
.navrt li:nth-child(4) i{ background:url(../images/new.png) center no-repeat;}

.navrt li:hover .navwr,.navrt li.active .navwr{ width:110px; background:#fff;}
.navrt li:nth-child(1):hover i,.navrt li:nth-child(1).active i{ background:url(../images/home1.png) center no-repeat;}
.navrt li:nth-child(2):hover i,.navrt li:nth-child(2).active i{ background:url(../images/about1.png) center no-repeat;}
.navrt li:nth-child(3):hover i,.navrt li:nth-child(3).active i{ background:url(../images/busine1.png) center no-repeat;}
.navrt li:nth-child(4):hover i,.navrt li:nth-child(4).active i{ background:url(../images/new1.png) center no-repeat;}

.banner-box{ position:relative;}
.banner{ position:relative;}
.bannlist li {z-index: 4 !important;opacity: 1 !important; -webkit-animation: decreaseHeight 1.2s forwards; animation: decreaseHeight 1.2s forwards; overflow:hidden; z-index:1\9 !important;}
.bannlist li figure{ display:block; position:relative; left:0; top:0; width:100%; overflow:hidden;}
.bannlist li figure .bimg{ display:block; width:100%; height:auto; position:relative;}
.bannlist li.flex-active-slide{ -webkit-animation: show 1.2s forwards; animation: show 1.2s forwards; z-index:3 !important;}

.btext{ width:1000px; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-145px;}
.btext h2{ line-height:1; color:#ffffff; font-size:100px; text-align:center; margin-bottom:26px;}
.btext small{ display:block; text-align:center; color:#ffffff; font-size:16px; letter-spacing:12px; text-transform:uppercase; line-height:1;}
.btop{ transform:translateY(-87px); -webkit-transform:translateY(-87px); -moz-transform:translateY(-87px); opacity:0; transition:0s;}
.bdown{ margin-top:74px; opacity:0; transform:translateY(87px); -webkit-transform:translateY(87px); -moz-transform:translateY(87px); transition:0s;}
.bdown p{ text-align:center; color:#ffffff; font-size:16px;}
.bannlist li.flex-active-slide .btop{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.78s 0.35s;}
.bannlist li.flex-active-slide .bdown{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.78s 0.35s;} 
.bamnline{ width:1000px; position:relative; background:#fff; position:absolute; left:50%; margin-left:-500px; top:50%; z-index:10; margin-top:30px;}
.bamnline span{ display:block; width:0; height:2px; background:#1080bb; }
.bamnline.load span{ width:100%; transition:4.5s 0s linear; -webkit-transition:4.5s 0s linear; -moz-transition:4.5s 0s linear;}
.smouse{ position:absolute; left:50%; margin-left:-48px; text-align:center; bottom:24px; z-index:10;}
.smouse small{ display:block; text-align:center; line-height:1; color:#fff; font-size:12px; font-family:"Arial"; text-transform:uppercase;}
.mouse{ width:25px; height:39px; background:url(../images/mouse.png) center no-repeat; position:relative; margin:auto; margin-top:18px;}
.mouse i{ display:block; width:5px; height:9px; background:url(../images/dit.png) center no-repeat; position:absolute; left:50%; margin-left:-3px; top:7px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}

.vwrap { display: none; z-index: 2240; width: 100%; position: fixed; left:0; top:0;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(7,46,77,0.8); background:#072e4d\9; filter:alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 1000px; height: 596px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -298px; margin-left: -500px;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 14px; height: 14px; cursor: pointer; position: absolute; top: -20px; right: 0px; }
.vwrap .close i { display: block; width:14px; height:14px; background:url(../images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 5px;
	}
	to{
		opacity: 0;
		top: 13px;
	}
}

@keyframes scroll_on22 {
	0% { left:0; }
	100% { left:100%; }
}

@keyframes scroll_on2 {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes decreaseHeight {
	from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}
@-ms-keyframes decreaseHeight {
	from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}
@-o-keyframes decreaseHeight {
	from { width:100%;} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	
	1%,100% {
		opacity: 1;
	}
}
@-ms-keyframes show {
	0% {
		opacity: 0;
	}
	
	1%,100% {
		opacity: 1;
	}
}

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

.trailer{ position:absolute; background:#fff; z-index:10; right:20px; bottom:22px; width:144px; padding:2px 2px 0; cursor:pointer; transition:0.45s;}
.trailer figure{ display:block; line-height:1; overflow:hidden; position:relative;}
.trailer figure:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.7); background:#000\9; filter:alpha(opacity=70); position:absolute; left:0; top:0; z-index:3;}
.trailer figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.44s;}
.trailer figure span{ display:block; width:12px; height:16px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; background:url(../images/arrow.png) center no-repeat; z-index:4;}
.trailer p{ text-align:center; transition:0.4s; height:33px; line-height:33px; color:#969898; font-size:14px;}
.trailer:hover{ background:#c0a062;}
.trailer:hover p{ color:#fff;}
.trailer:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.modern-box{ position:relative; height:100%;}
.modernbg{ overflow:hidden; width:100%; height:auto; position:absolute; left:0; bottom:0; line-height:1;}
.modernbg img{ display:block; width:100%; height:auto; opacity:0;}
.modern{ position:absolute; left:50%; margin-left:-555px; top:50%; margin-top:-278px;}
.modernle{ width:29.729%; float:left; position:relative; overflow:hidden;}
.modernle strong{ display:block; line-height:1; color:#023a91; font-size:48px; margin-bottom:20px;}
.modernle small{ display:block; color:#1080bb; font-size:36px; margin-bottom:28px; line-height:1.2;}
.modernle p{ color:#8b8b8b; font-size:16px; height:110px;}
.modernle span{ color:#8b8b8b; font-size:14px; line-height:1; padding-top:13px; position:relative;}
.modernle span:before{ content:""; width:18px; height:2px; background:#dcdcdc; position:absolute; left:0; top:0; }
.ivnestment{ width:68%; float:right; margin-top:118px;}
.ivnest{ margin-bottom:55px; position:relative;}
.ivnestinfo{ width:43%; float:left; padding-top:37px; overflow:hidden; position:relative; border-top:2px solid #f30000; opacity:0; opacity:1 \9;}
.ivnestinfo:last-child{ float:right;}
.ivnestinfo p{ color:#7d7b7b; font-size:14px; line-height:2;}
.more{ font-family:Cambria; color:#1080bb; font-size:16px; text-transform:uppercase; line-height:1; display:inline-block; position:relative; padding-bottom:3px;}
.more:before{ content:""; width:100%; height:1px; background:#1080bb; position:absolute; left:0; bottom:0; transition:0.34s;}
.more:after{ content:"READ MORE"; width:0%; height:100%; color:#092e4d; position:absolute; left:0; top:0; overflow:hidden; transition:0.34s; white-space:nowrap;}
.more:hover{ color:#092e4d; transition:0.3s 0.25s;}
.more:hover:before{ background:#092e4d;}
.more:hover:after{ width:100%;}
.ivnestinfo .more{ margin-top:36px;}
.industrial{ position: relative;}
.industrialin{ float:left; opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px);}
.industrialin:nth-child(2){ position:absolute; left:35%; margin-left:-35px; top:0;}
.industrialin:last-child{ width:auto; float:right;}
.industwr{ display:inline-block;}
.industwr p{ text-align:center; color:#404040; line-height:1; padding-bottom:16px; position:relative;}
.industwr p:before{ content:""; width:26px; height:2px; background:#f30000; position:absolute; left:50%; margin-left:-13px; bottom:0;}
.industwr p b{ display:inline-block; line-height:1; font-family:"Agency FB"; color:#023a91; font-size:92px; font-weight:normal; margin-right:10px;}
.industwr span{ display:block; line-height:1; text-align:center; color:#484848; font-size:14px; margin-top:22px;}
.business-box{ position:relative;}
.business{ position:relative;}

.busineli li { height: 100%; line-height: 1; backface-visibility:hidden; overflow:hidden; opacity:1 !important; height:100%;}
.busineli li figure{ display:block; position:absolute; left:0; top:0; width:100%;}
.busineli li figure img{ display:block; width:100%; height:auto; position:absolute; right:0; top:0;}
.busineli li.flex-active-slide{ z-index: 4 !important;opacity: 1;
-webkit-animation: increaseHeight 1.2s forwards; animation: increaseHeight 1.2s forwards;}
.busineli li{ -webkit-animation: hide 1.2s forwards; animation: hide 1.2s forwards;}
@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}	
.businees{ position:absolute; left:50%; margin-left:-600px; top:16.296%; z-index:10; overflow:hidden; opacity:0; opacity:1\9; padding-bottom:20px;}
.businees li{ display:inline-block; margin:0 35px; text-align:center; cursor:pointer;}
.businees li:last-child{ margin-right:0;}
.businetop{ width:106px; height:106px; border-radius:50%; border:2px solid #fff\9; position:relative; box-shadow:inset 0 0 0 2px #fff; -webkit-box-shadow:inset 0 0 0 2px #fff; -moz-box-shadow:inset 0 0 0 2px #fff; transition:all 0.46s; box-shadow:none\9; -webkit-box-shadow:none\9;}
.businetop img{ display:block; max-width:44px; max-height:36px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; z-index:5;}
.businees li span{ display:block; text-align:center; color:#ffffff; font-size:14px; line-height:1; margin-top:14px; position:relative;}
.businees li span:before{ content:""; width:9px; height:8px; background:url(../images/arrow1.png) center no-repeat; position:absolute; left:50%; margin-left:-4px; bottom:-14px; opacity:0; visibility:hidden; transition:0.34s;}
.businees li:hover .businetop,.businees li.flex-active .businetop{ box-shadow: inset 0 0 0 53px #1080bb; -webkit-box-shadow: inset 0 0 0 53px #1080bb; -moz-box-shadow: inset 0 0 0 53px #1080bb; background:#1080bb\9; border-color:#1080bb\9;}
.businees li:hover .businetop img,.businees li.flex-active .businetop img{ animation-delay: 0ms; animation-duration: 500ms; animation-timing-function:ease-in-out; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}
.businees li.flex-active  span:before{ opacity:1; visibility:visible; transition:0.35s 0.18s; bottom:-20px;}

.busineetit{ position:absolute; left:50%; margin-left:-555px; bottom:288px; z-index:10; overflow:hidden; opacity:0; opacity:1\9;}
.busineetit h3{ color:#fff; line-height:1; font-size:40px; margin-bottom:10px;}
.busineetit small{ display:block; line-height:1; color:#fff; font-size:36px;}
.busineet{ position:absolute; left:50%; bottom:112px; margin-left:-555px; z-index:5; opacity:0; visibility:hidden; transition:0s;}
.busineet span{ display:block; width:109px; height:32px; line-height:32px; color:#ffffff; font-size:16px; text-align:center; background:#1080bb; margin-bottom:16px;}
.busineet p{ color:#fff; font-size:16px; height:86px; width:328px; line-height:1.8;}
.busineli li.flex-active-slide .busineet{ opacity:1; visibility:visible; transition:0.76s 0.44s;}
.business .flex-direction-nav{ display:none;}
.business .flex-direction-nav li a{ display:block; width:18px; height:36px; text-indent:9999px; overflow:hidden; position:absolute; top:50%; margin-top:-33px; z-index:10;}
.business .flex-direction-nav li a.flex-prev{ left:5%; background:url(../images/prev.png) center no-repeat;}
.business .flex-direction-nav li a.flex-next{ right:5%; background:url(../images/next.png) center no-repeat;}
.busineet b{ line-height:1; display:none; width:44px; height:36px; margin-bottom:12px;}
.busineet b img{ display:block; max-width:100%; height:auto; line-height:1; max-height:100%;}

@keyframes scales {
    0% { transform: scale(0);}
    100% { transform:scale(1); }
}
.busineet .more:after{ color:#fff;}
.busineet .more:hover{ color:#fff; transition:0.3s 0.25s;}
.busineet .more:hover:before{ background:#fff;}
.busineet .more:hover:after{ width:100%;}
.informate-box{ position:relative; height:100%;}
.informate{ position:absolute; left:50%; margin-left:-555px; top:50%; margin-top:-263px;}
.informatefix{ width:63.51%; float:right; padding-top:66px; position:relative; overflow:hidden; }
.informatebtn{ margin-bottom:35px; border-bottom:1px solid #ededed;}
.informatebtn span{ display:block; position:relative; cursor:pointer; padding:0 4px 26px; line-height:1; color:#383838; font-size:16px; line-height:1; float:left; margin-right:22px; transition:0.38s;}
.informatebtn span:before{ content:""; width:100%; height:4px; background:#1080bb; position:absolute; left:0; bottom:-1px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.informatebtn span:hover,.informatebtn span.flex-active{ color:#1080bb;}
.informatebtn span:hover:before,.informatebtn span.flex-active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.informatein{ width:46.24%; float:left;}
.informatein:nth-child(2n+2){ float:right;}
.informatein figure{ display:block; line-height:1; overflow:hidden; margin-bottom:34px;}
.informatein figure img{ display:block; width:100%; height:auto; line-height:0; transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transition:0.52s;}
.informatein h3{ color:#000000; font-size:16px; font-weight:normal; line-height:1.4; height:65px; overflow:hidden; transition:0.38s;}
.informatein p{ color:#757575; font-size:14px; line-height:1.4; height:94px; overflow:hidden;}
.informatein time{ display:block; line-height:1; color:#757575;}
.informatein:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.informatein:hover h3{ color:#c0a062;}
.sense{ margin-bottom:54px; text-align:center; overflow:hidden; opacity:0; position:relative; opacity:1\9;}
.sense img{ display:block; max-width:100%; height:auto; line-height:0;}
.footdown.indot{ position:absolute; left:0; bottom:0; width:100%;}
.footer-box{ background:#e4e4e4;}
.footer{ padding:34px 0 47px;}
.flogo{ display:block; width:254px; line-height:1; float:left;}
.footrlist{ float:right;}
.address{ float:left; margin-left:100px;}
.address:first-child{ margin-left:0;}
.address p{ color:#787878; font-size:14px;}
.address:nth-child(2){ width:274px;}
.prepare-box{ background:#023a91; padding:16px 0 15px;}
.preparele{ float:left;}
.preparele p{ color:#ffffff; float:left; line-height:27px;}
.preparele p a{ color:#ffffff;}
.share{ float:left; margin-left:26px;}
.share a{ display:block; width:21px !important; height:27px !important; float:left; margin-right:17px; padding:0 !important;}
.share a:nth-child(1){ background:url(../images/sina.png) center no-repeat !important;}
.share a:nth-child(2){ background:url(../images/weix.png) center no-repeat;}
.share a:nth-child(1):hover{ background:url(../images/sina1.png) center no-repeat !important;}
.share a:nth-child(2):hover{ background:url(../images/weix1.png) center no-repeat;}
.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #0a2f4e; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }
.syman{ float:right; color:#fff; line-height:27px;}
.syman:hover{ color:#c0a062;}

/*contact style*/
.mtop{ height:80px;}
.pbanner{ position:relative;}
.pbanner figure{ display:block; line-height:0; overflow:hidden;}
.pbanner figure img{ display:block; width:100%; height:auto; line-height:0;}
.pbanner strong{ display:block; width:100%; position:absolute; left:0; top:50%; color:#ffffff; font-size:36px; font-weight:bold; text-align:center; margin-top:-34px; line-height:1; padding-bottom:32px; text-transform:uppercase;}
.pbanner strong:before{ content:""; width:53px; height:3px; background:#fff; position:absolute; left:50%; margin-left:-26px; bottom:0;}
.pbanner.article-block strong{ opacity:0; transform:translateY(75px); -webkit-transform:translateY(75px); -moz-transform:translateY(75px); transition:0.65s;}
.pbanner.articleShow strong{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.levawr{ position:relative; height:65px;}
.leval-menu{ position:absolute; top:0; width:100%; left:0; height:65px; z-index:10;}
.levals{ width:100%; text-align:center; position:relative; left:0; top:0; border-bottom:1px solid #cccccc; z-index:30; line-height:0; background:#fff;}
.levalfix{ display:inline-block; margin:auto;}
.levalfix li{ float:left; padding:0; line-height:1; position:relative;}
.levalfix li a{ display:block; padding:0 40px; height:64px; line-height:64px; text-align:center; color:#444343; font-size:18px; position:relative;}
.levalfix li a:before{ content:""; width:1px; height:14px; background:#999999; position:absolute; right:0; top:50%; margin-top:-7px; transition:0.28s;}
.levalfix li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#1080bb; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.levalfix li:hover:before,.levalfix li.current:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.levalfix li:hover a,.levalfix li.current a{ color:#fff;}
.levalfix li:hover a:before,.levalfix li.current a:before{ opacity:0; visibility:hidden;}
.iphone-fix{ width:100%; background:#1080bb; display:none; position:relative; z-index:15;}
.iphone-fix span{ color:#fff; display:block; text-align:center; font-size:16px; height:46px; line-height:46px; cursor:pointer;}
.iphone-fix.scoll{ position:fixed; left:0; top:90px;}
.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:10px; height:5px; background:url(../images/arrow11.png) center no-repeat; position:relative; top:-2px;}
.iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:rgba(230,96,87,0.7);}
.iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}
.iphone-down a:hover,.iphone-down a.on{ background:rgba(160,20,10,0.7);}
.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color:#1080bb; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}
@-webkit-keyframes ReturnToNormal {
  0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}
  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}
@keyframes ReturnToNormal {
  0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}
  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}
.commont h3{ line-height:1; color:#666666; font-size:24px; font-weight:bold; text-align:center; margin-bottom:12px;}
.commont small{ display:block; text-align:center; line-height:1; text-transform:uppercase; color:#999999; font-size:12px; font-family:"Arial"; font-weight:bold;}
.commont.article-block h3,.commont.article-block small{ opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); transition:0.44s;}
.commont.article-block small{ transition-delay:0.2s;}
.commont.articleShow h3,.commont.articleShow small{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.map-box{ background:#fff;}
.map{ width:50%; float:left; height:420px;}
.anchorBL{ display:none;}
.BMap_bubble_title{ color:#be691d; font-size:14px; font-weight:bold;}
.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}
@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}
.addre{ width:50%; float:left;}
/* .addrewr{ width:496px; margin-left:102px; margin-top:82px;} */
.addrewr{ width:420px; margin-left:20px; margin-top:20px; float: left;} 
.addrewr h3{ font-size: 20px; font-size: 600; color: #1080bb;} 
.addrewr:nth-child(1){ border-bottom: solid 1px #CCC;} 
.addrewr:nth-child(2){ border-bottom: solid 1px #CCC;} 
.addrewr:nth-child(3){ border-bottom: solid 1px #CCC;} 
.addrewr:nth-child(4){ border-bottom: solid 1px #CCC;} 
/* .add-info{ margin-bottom:22px;} */
.add-info{ margin-bottom:5px;} 
.add-info:last-child{ margin-bottom:0;}
.addicon{ width:62px; height:62px; border-radius:50%; border:2px solid #cccccc; float:left; position:relative;}
.addicon:before{ content:""; width:104%; height:104%; position:absolute; left:-2%; top:-2%; border-radius:50%; background:#cccccc; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.34s;}
.addicon img{ display:block; max-width:100%; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.add-info:hover .addicon:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.addright{ width:400px; float:left; margin-bottom: 5px;}
.addright span{ display:block; color:#333333; font-size:14px; /* margin-bottom:6px; */}
.addright span:last-child{ margin-bottom:0;}
.message-box{ padding:82px 0 120px; background-size:cover !important;}
.message{ width:850px; margin:auto;}
.message .commont h3,.message .commont small{ color:#fff;}
.message-list{ margin-top:68px;}
.message-info{ width:31%; margin-right:3.5%; margin-bottom:24px; float:left;}
.message-info1{ width:100%;}
.message-info:nth-child(3n+3){ margin-right:0;}
.message-info span{ display:block; line-height:1; color:#fff; font-size:14px; font-weight:bold; margin-bottom:10px; padding-left:3px; float:left; width:100%;}
.messt{ padding-left:6px; width:255px; border:1px solid #cccccb; outline:none; padding-top:0; padding-bottom:0; color:#fff; line-height:38px; height:38px; background:none; display:inline-block; float:left; transition:320ms;}
.messt:focus{ border-color:#be691d;}
.message-info textarea{ width:844px; height:106px; border:1px solid #cccccb; outline:none; background:none; padding:0; line-height:1.4; color:#fff; font-family:"微软雅黑"; transition:300ms; padding-left:6px}
.message-info textarea:focus{ border-color:#be691d;}
.message-sub{ margin-top:30px; float:left; width:100%;}
.message-sub input{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-align:center; background:#c0a062; border:none; outline:none; transition:334ms; cursor:pointer; font-family:"微软雅黑";}
.message-sub input:hover{ opacity:0.8;}
.messagep{ margin-top:22px; width:100%; float:left;}
.messagep p{ color:#fff; font-size:14px;}
/*contact style end*/

/*aboutus style*/
.profile-box{ padding:100px 0 10px; background:#fff; position:relative;}
.profile{ text-align:center;} 
.companys{ display:inline-block; margin:auto; margin-top:76px;}
.company-info{ float:left; text-align:center; margin:0 50px;}
.company-info strong{ display:block; text-align:center; line-height:1; color:#1080bb; font-size:72px; font-weight:bold; font-family:Arial;}
.company-info p{ color:#666666; font-size:14px; text-align:center; margin-top:10px; line-height:1;}
.profixdown{ margin-top:60px; text-align:center;}
.profixdown p{ text-align:left; color:#333333; font-size:15px; width:85%; margin:auto;}
.checkm{ width:166px; margin:auto; margin-top:54px; border-radius:22px; border:1px solid #1080bb; position:relative;}
.checkm:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#1080bb; border-radius:18px; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); visibility:hidden; transition:0.32s ease-in-out;}
.checkm a,.checkm span{ display:block; text-align:center; color:#1080bb; position:relative; z-index:4; font-size:14px; line-height:40px; height:40px;}
.checkm a b,.checkm span b{ display:inline-block; margin-left:26px; width:6px; height:9px; background:url(../images/arrow4.png) center no-repeat; margin-left:26px; transition:0.34s; position:relative; left:0;}
.checkm:hover:before{ visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.checkm:hover a,.checkm:hover span{ color:#fff;}
.checkm:hover a b,.checkm:hover span b{ background:url(../images/arrow5.png) center no-repeat; left:5px;}
.development-box{ padding:83px 0 10px; overflow:hidden; background-repeat:no-repeat;}
.develop{ position:relative; margin-top:60px;}
.developwr{ position:relative; width:100%; height:auto;}
.developinfo{ width:100%; height:auto;}
.developinfo img{ width:100%; vertical-align:middle;}
.developwr.article-block .developinfo{ opacity:0; transform:translateX(88px); -webkit-transform:translateX(88px); -moz-transform:translateX(88px); transition:0.56s;}
.developwr.articleShow .developinfo{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.honor-box{ background:#fff; position:relative; min-height: 550px; background:url(../img/9.jpg) center no-repeat; padding: 50px 0; width:100%;}
.honor{ margin-top:48px; position:relative;}
.honorimg{ width:50%; float:left; line-height:0;}
.honorimg img{ display:block; width:100%; height:auto;}
.honorlist{ width:100%; min-height: 550px; position:absolute; right:0; top:0; height:100%;}
.honorwr{ width:100%; margin:auto; height:380px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.honortext{ height:144px; margin:0 8px;}
.honortext p{ color:#333333; font-size:15px; line-height:2;}
.honorfix{ position:relative;}
.honorli{ position:relative;width: 60%; margin: 0 auto;}
.honorfix .honorin{ display:block; float:left;}
.honorfix a{ display:block; padding:11px; background:#fff; overflow:hidden;}
.honorfix a figure{ display:block; overflow:hidden; line-height:0;}
.honorfix a figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.42s;}
.honorfix a figure img:hover{ transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07);}
.honorli .flex-direction-nav li a{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.honorli .flex-direction-nav li a.flex-prev{ left:-75px; background:#fff url(../images/arrow6.png) center no-repeat;}
.honorli .flex-direction-nav li a.flex-next{ right:-75px; background:#fff url(../images/arrow7.png) center no-repeat;}
.honorli .flex-direction-nav li a.flex-prev:hover{ background:#1080bb url(../images/arrow8.png) 16px center no-repeat; }
.honorli .flex-direction-nav li a.flex-next:hover{ background:#1080bb url(../images/arrow9.png) 20px center no-repeat;}
.team-box{ width:100%; height:auto; margin-top:90px;}
.teamdown{ margin-top:40px; width:100%; height:auto; background:url(../img/15.jpg) center bottom fixed no-repeat;}
.tearmtex{ float:right; width: calc(45% - 200px); height:auto; padding:7% 100px 10%; background-color:rgba(0,0,0,0.48);}
.tearmtex p{ color:#fff; font-size:15px; line-height:2;}
.profile-box1{ background:#fbfcfe; padding-bottom:70px;}
.introductfux{ width:100%; margin:auto; text-align:left; margin-top:68px;}
/*aboutus style end*/

/*news style*/
.new-box{ margin-top:90px; margin-bottom:90px;}
.new-list{ margin-bottom:40px;}
.new-list li{ width:31.66%; float:left; margin-right:2.51%; margin-bottom:30px;}
.new-list li:nth-child(3n+3){ margin-right:0;}
.new-list li figure{ display:block; line-height:1; overflow:hidden;}
.new-list li figure img{ display:block; width:100%; line-height:0; transition:0.5s;}
.newdowns{ position:relative; overflow:hidden;}
.newdowns:before{ content:""; width:100%; height:100%; box-sizing:border-box; border:2px solid #eaeaea; position:absolute; left:0; top:0;}
.newdowns:after{ content:""; width:110%; height:110%; position:absolute; left:-5%; top:-5%; background:#1080bb; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; z-index:5;}
.newfix{ padding:28px 26px 22px; position:relative; z-index:8; height:150px;}
.newfix h3{ color:#333333; font-size:18px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; margin-bottom:20px; transition:0.35s; position:relative; z-index:5;} 
.newfix p{ color:#666666; font-size:14px; line-height:22px; height:88px; overflow:hidden; transition:0.35s;}
.newfix time{ display:block; color:#666666; font-size:12px; font-family:"Arial"; line-height:1; transition:0.35s; position:absolute; left:26px; bottom:22px;}
.new-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list li:hover .newdowns:after{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.new-list li:hover .newdowns h3{ color:#fff;}
.new-list li:hover .newdowns p{ color:#fff;}
.new-list li:hover .newdowns time{ color:#fff;}
.peges{ text-align:center;}
.peges a.backlist,.peges a.prev,.peges a.next{ display:block; float:left; width:33.33333%; height:49px; line-height:49px; color:#ffffff; font-size:15px; text-align:center;}
.peges a.backlist{ background:#023a91 ; position:relative;}
.peges a.backlist:before,.peges a.backlist:after{ content:""; width:1px; height:49px; background:#eeeeee; position:absolute; top:0;}
.peges a.backlist:before{ left:0;}
.peges a.backlist:after{ right:0;}
.peges a.prev{ background:#efefef url(../images/arrow12.png) center no-repeat;}
.peges a.next{ background:#efefef url(../images/arrow13.png) center no-repeat;}
.peges a.prev:hover{ background:#023a91 url(../images/arrow14.png) center no-repeat;}
.peges a.next:hover{ background:#023a91 url(../images/arrow15.png) center no-repeat;}
.pagelist{ width:33.333%; float:left; position:relative; background:#1080bb; height:49px; text-align:center;}
.pagelist:before,.pagelist:after{ content:""; width:1px; height:49px; background:#eeeeee; position:absolute; top:0;}
.pagelist:before{ left:0;}
.pagelist:after{ right:0;}
.pagelist a{ display:inline-block; width:33px; height:33px; text-align:center; line-height:33px; border-radius:50%; color:#fff; font-size:15px; line-height:33px; margin-right:2px; margin-left:2px; margin-top:9px;}
.pagelist a:last-child{ margin-right:0;}
.pagelist a:hover,.pagelist a.page-num-current{ background:#eeeeee; color:#444343;}
.peges .page-status{ font-size:14px; color:#333; padding:2px 4px; background:#eeeeee;}
.peges .page-index a{ font-size:14px; color:#333; padding:2px 4px; background:#eeeeee; margin:0 5px;}
.peges .page-pre a{ font-size:14px; color:#333; padding:2px 4px; background:#eeeeee;}
.peges .page-numbar{ margin:0 4px;}
.peges .page-numbar a{ font-size:14px; color:#333; padding:2px 4px; background:#eeeeee; margin:0 1px;}
.peges .page-numbar a.page-num-current{ background:#023a91; color:#FFF;}
.peges .page-next a{ font-size:14px; color:#333; padding:2px 4px; background:#eeeeee;}
.peges .page-last a{ font-size:14px; color:#333; padding:2px 4px; background:#eeeeee; margin-left:5px;}
.peges .page-index a:hover{ background:#023a91; color:#FFF;}
.peges .page-pre a:hover{ background:#023a91; color:#FFF;}
.peges .page-numbar a:hover{ background:#023a91; color:#FFF;}
.peges .page-next a:hover{ background:#023a91; color:#FFF;}
.peges .page-last a:hover{ background:#023a91; color:#FFF;}

.newview{ padding:24px 0 52px; background:#f6f6f6;}
.newinner{ background:#fff;}
.newtitle{ padding:50px 50px 30px; border-bottom:2px solid #cccccc; position:relative;}
.newtitle h3{ color:#666666; font-size:30px; line-height:1.2; margin-bottom:18px; font-weight:normal;}
.newtitle time{ display:inline-block;color:#999999; font-size:14px; font-family:"Arial"; line-height:16px;}
.shared{ margin-top:16px;}
.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}
.sharelist1{ margin-left:4px; float:left;}
.sharelist1 li{ float:left;}
.sharelist1 li a{ height:28px; display:block; position:relative;}
.sharelist1 li{ width:28px; height:28px; position:relative; margin-right:5px;}
.sharelist1 li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#c3c3c3; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.32s;}
.sharelist1 li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.sharelist1 li:last-child{ margin-right:0;}
.sharelist1 li:nth-child(1) a{ background:url(../images/weixin3.png) center no-repeat;}
.sharelist1 li:nth-child(2) a{ background:url(../images/qq3.png) center no-repeat;}
.sharelist1 li:nth-child(3) a{ background:url(../images/weib.png) center no-repeat;}
.sharelist1 li:nth-child(4) a{ background:url(../images/weibx.png) center no-repeat;}
.sharelist1 li:hover a{ opacity:0.7;}
.newvi{ padding:57px 50px 70px;}
.newvi p{ color:#666666; font-size:16px;}
.newvi img{  max-width:100% !important; height:auto !important;}
/*news style end*/

/*business style*/
.tearmfix .tearmlist li{ margin-bottom:24px;}
.tearmfix .tearmlist{ margin-bottom:40px;}
.tearmlist li{ width:31.2%; float:left; margin-right:3.2%; background:#fff;}
.tearmlist li:nth-child(3n+3){ margin-right:0;}
.tearmlist li figure{ display:block; line-height:0; overflow:hidden;}
.tearmlist li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.52s ease-in-out;}
.tearmlist li span{ display:block; line-height:53px; text-align:center; color:#333333; font-size:16px; background:#fff; transition:0.43s;}
.tearmlist li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.tearmlist li:hover span{ background:#1080bb; color:#fff;}
/*business style end*/

/*projects style*/
.project-box{ padding-top:34px; margin-bottom:90px;}
.project-list li{ margin-bottom:40px; position:relative;}
.project-list li figure{ display:block; width:50%; float:left; line-height:1; overflow:hidden;}
.project-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.projectfix{ width:50%; height:100%; position:absolute; left:50%; top:0; transition:0.56s; background:#fafcfe;}
.projectfix:before{ content:""; width:100%; height:100%; background:#1080bb; position:absolute; left:0; top:0; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.prowr{ position:relative; height:100%; margin:0 46px; z-index:5;}
.times{ width:74px; height:88px; background:url(../images/probg.png) center no-repeat; margin-bottom:28px; text-align:center; transition:0.42s;}
.prodown{ overflow:hidden;}
.times strong{ display:block; text-align:center; color:#fff; font-size:30px; font-family:"Arial"; padding-top:12px; line-height:1; font-weight:bold; margin-bottom:8px;}
.times span{ display:block; text-align:center; line-height:1; color:#fff; font-size:12px; font-family:"Arial"; font-weight:bold;}
.prodown h3{ color:#333333; font-size:24px; font-weight:bold; line-height:1.2; padding-bottom:18px; border-bottom:1px solid #c9c9c9; margin-bottom:26px; transition:0.34s; position:relative; z-index:5;}
.prodown p{ color:#333333; font-size:15px; transition:0.35s;}
.project-list{ margin-bottom:84px;}
.project-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.project-list li:hover .projectfix:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.project-list li:hover .projectfix .times{ background:url(../images/probg1.png) center no-repeat;}
.project-list li:hover .prodown h3{ color:#fff; border-bottom:1px solid #fff;}
.project-list li:hover .prodown p{ color:#fff;}
/*projects style end*/

/*jobs style*/
.tidea-box{ padding:105px 0 78px;}
.tideawr{ margin-top:48px; background:#f6f6f6;}
.tideawr figure{ width:50%; float:left; line-height:0;}
.tideawr figure img{ display:block; width:100%; height:auto;}
.tidefix{ width:100%; float:left;}
.tideawrs{ padding:50px 30px; text-align: center;}
.tideawrs h3{ color:#1080bb; font-size:24px; font-weight:bold; line-height:1.4; margin-bottom:26px;}
.tideawrs p{ color:#333333; font-size:15px; line-height:2; text-align: left;}
.house .commont h3,.house .commont small{ color:#fff;}
.house .develop{ width:96%; margin-left:2%;}
.house .developwr{ padding:0 150px; width: calc(100% - 300px);}
.house .developinfo{ float:left; height:100%; position:relative;}
.house .developinfo .developer{ margin:0 30px;}
.slick-list{ overflow:hidden;}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both;}
.developwr .slick-prev,.developwr .slick-next{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.developwr .slick-prev{ left:0; background:#fafcfe url(../images/arrow6.png) center no-repeat;}
.developwr .slick-next{ right:0; background:#fafcfe url(../images/arrow7.png) center no-repeat;}
.developwr .slick-prev:hover{ background:#1080bb url(../images/arrow8.png) 16px center no-repeat; }
.developwr .slick-next:hover{ background:#1080bb url(../images/arrow9.png) 20px center no-repeat; }
.recuite-box{ padding:86px 0 70px;}
.recruite-fix{ margin-top:45px;}
.recuite-title small{ text-align:center; color:#c8c8c8; font-size:20px; font-family:Arial; line-height:normal; display:block;}
.recruite-t{ padding:20px 0 16px; background:#023a91;}
.recruite-t span{ color:#fff; display:block; line-height:1; float:left; font-size:14px; line-height:normal;}
.recruite-t span:nth-child(1){ padding-left:34px; width:172px;}
.recruite-t span:nth-child(2){ width:194px;}
.recruite-t span:nth-child(3){ width:188px; padding-left:12px;}
.recruite-t span:nth-child(4){ float:right; width:220px; text-align:center;}
.recuite-info{ margin-bottom:2px;}
.recuite-info:nth-child(1) .recuites{ display:block;}
.recuite-top{ cursor:pointer; background:#e9eaeb; transition:366ms; position:relative; overflow:inherit;}
.recuite-top.on,.recuite-top:hover{ background:#e9eaeb;}
.recuite-top.on span,.recuite-top:hover span{ color:#fff;}
.recuite-top.on span:last-child:after,.recuite-top.on span:last-child:before,.recuite-top:hover span:last-child:after,.recuite-top:hover span:last-child:before{ background:#fff;}
.recuite-top.on span:last-child:after{ transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); opacity:0; visibility:hidden;}
.recuite-top span{ display:block; float:left; position:relative; color:#666666; font-size:14px; line-height:50px; transition:320ms;}
.recuite-top span:nth-child(1){ padding-left:34px; width:172px;}
.recuite-top span:nth-child(2){ padding-left:17px; width:177px;}
.recuite-top span:nth-child(3){ width:200px; padding-left:8px;}
.recuite-top span:nth-child(4){ width:210px; text-align:center;}
.recuite-top span:nth-child(5){ width:210px; text-align:center;}
.recuite-top span:nth-child(6){ width:170px;}
.recuite-top span:last-child{ width:15px; height:15px; position:absolute; right:95px; top:14px;}
.recuite-top span:last-child:before{ content:""; width:15px; height:3px; background:#cccccc; position:absolute; left:0; top:6px;}
.recuite-top span:last-child:after{ content:""; width:3px; height:15px; background:#cccccc; position:absolute; left:6px; top:0; transition:320ms;}
.recuites{ padding:34px 34px 6px; background:#fff; position:relative; border:1px solid #e9eaeb; border-top:none; display:none;}
.recuite-list{ margin-bottom:32px;}
.recuite-list strong{ line-height:normal; color:#be691d; font-weight:bold; display:block; font-size:14px; margin-bottom:10px;}
.recuite-list p{ color:#666666; font-size:14px; margin-bottom:4px;}
.recuite-list p a{ display:inline-block; color:#be691d; margin-right:24px;}
/*jobs style end*/

/* 2021.11.2新增招聘 */
.culture{ width:1024px; position:relative; overflow:hidden; margin-bottom:70px; overflow:hidden; padding-bottom:30px; }
.culture3 li{ width:252px; float:left; padding:2px;}
.culture3 li img{ width:100%; vertical-align:middle; height:100%;}
.job_l{ width:240px; float:left; position:relative;}
.linian_pic{width:240px; height:240px; float:left; position:relative;
  overflow:hidden; /* margin-top:75px */}
.linian_pic img{ width:100%; height:100%; vertical-align:middle;}
.job_tit{ width:720px; float:right; position:relative; height:45px; margin-bottom:40px; color:#727171; line-height:35px; border-bottom:2px solid #999;}
.job_tit h1{ font-size:28px; font-weight: bold; line-height:35px}

.job_txt{ width:720px; margin:0; color:#4b4948; position:relative; float:right; overflow:hidden;}
.job_txt ul li{ margin-bottom:80px; width:100%; margin-left:0;}
.job_title{ width:100%; height:30px; line-height:30px; font-size:20px; color:#727171; margin-bottom:40px; }
.job_nr{ width:100%; position:relative; overflow:hidden; margin-bottom:15px;}
.job_nr h1{ font-size:16px; width:100%; height:30px; line-height:30px;white-space:nowrap ; overflow:hidden;font-family:"榛戜綋"; color:#4b4948;}
.job_jn{ width:100%; position:relative; overflow:hidden; margin-bottom:15px;}
.job_jn h1{ font-size:16px; width:100%; height:30px; line-height:30px;white-space:nowrap ; overflow:hidden;font-family:"榛戜綋"; color:#4b4948;}